{template 'tpl_header'}

<div class="weui-tab">
    <div class="weui-tab__panel">
        <div class="weui-body__bg_color">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>推荐目的地</h3>
            </div>
            {loop $dests_list $dests}
            <div class="weui-flex weui-flex__col3">
                {loop $dests $dest}
                {if !empty($dest) }
                <a href="{php echo url('entry', array('m' => 'vj_bontrip','do' => 'single','id' => $dest['id']),true); }" class="weui-flex__item">
                    <div class="weui-flex__col3__style1">
                        <img src="{php echo tomedia($dest['thumb'])}">
                        <p>{$dest['name']}</p>
                    </div>
                </a>
                {else}
                <a class="weui-flex__item">

                </a>
                {/if}
                {/loop}
            </div>
            {/loop}
            <div class="weui-footer weui-footer__spacing">
                <p class="weui-footer__links">
                    <a href="{php echo $this->createMobileUrl('destination'); }" class="weui-footer__link">更多目的地 ></a>
                </p>
            </div>
        </div>

        <div class="weui-body__bg_color" style="padding-bottom:23px;">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>当季热门</h3>
            </div>
            <div class="swiper-container">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    {loop $singles $single}
                    <div class="swiper-slide">
                        <div class="weui-flex weui-flex__col2">
                            <a href="{php echo url('entry', array('m' => 'vj_bontrip','do' => 'goods','id' => $single['id'],'type' => 'single'),true);}" class="weui-flex__item weui-flex__col2__style2 weui-flex_shadow">
                                <img src="{php echo tomedia($single['thumb'])}">
                                <div class="weui-flex__col2__style2__place">
                                    <span>{$single['name']}</span>
                                </div>
                                <div class="weui-flex__col2__style2__title">
                                    <span>{$single['remark']}</span>
                                </div>
                                <div class="weui-flex__col2__style2__price">
                                    <span>¥{php echo round($single['adult_price']*$single['exchange_rate'])}／人起</span>
                                </div>
                            </a>
                        </div>
                    </div>
                    {/loop}
                </div>
            </div>
        </div>

        <div class="weui-body__bg_color">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>一日游</h3>
            </div>
            {loop $onedays $oneday}
            <div class="weui-flex weui-flex__col2" style="position: relative">
                <div class="weui-flex weui-flex__col2">
                    <a href="{php echo url('entry', array('m' => 'vj_bontrip','do' => 'goods','id' => $oneday['id'],'type' => 'oneday'),true);}" class="weui-flex__item weui-flex__col2__style2">
                        <img src="{php echo tomedia($oneday['thumb'])}">
                        <div class="weui-flex__col2__style2__title">
                            <span>{$oneday['name']}</span>
                        </div>
                        <div class="weui-flex__col2__style2__desc">
                            <span>{$oneday['introduction']}</span>
                        </div>
                        {if !empty($oneday['tag']) }
                        <div class="weui-flex__col2__style2__place" style="display: inherit;">
                            {php $tags = explode(',',$oneday['tag']) }
                            {loop $tags $tag}
                            <span class="weui-flex__col2__style2__label">{$tag}</span>
                            {/loop}
                            <div style="clear: both;"></div>
                        </div>
                        {/if}
                        <div class="weui-flex__col2__style2__price">
                            <span>¥{php echo round($oneday['adult_price']*$oneday['exchange_rate'])}／人起</span>
                        </div>
                    </a>
                    {if !empty($oneday['label']) }
                    <div class="weui-flex__col2__top_tag">
                        <div class="weui-flex__col2__top_tag_content">
                            <span>&bull;</span><br>
                            <span>{$oneday['label']}</span>
                        </div>
                        <div class="weui-flex__col2__top_tag_border"></div>
                    </div>
                    {/if}
                </div>
            </div>
            {/loop}
        </div>

        <div class="weui-body__bg_color">
            <div class="weui-header__style1">
                <h3 class='weui-header__style1__title'>精品游</h3>
            </div>
            {loop $qualitys $quality}
            <div class="weui-flex weui-flex__col2" style="position: relative">
                <div class="weui-flex weui-flex__col2">
                    <a href="{php echo url('entry', array('m' => 'vj_bontrip','do' => 'goods','id' => $quality['id'],'type' => 'quality'),true);}" class="weui-flex__item weui-flex__col2__style2">
                        <img src="{php echo tomedia($quality['thumb'])}">
                        <div class="weui-flex__col2__style2__title">
                            <span>{$quality['name']}</span>
                        </div>
                        <div class="weui-flex__col2__style2__desc">
                            <span>{$quality['introduction']}</span>
                        </div>
                        {if !empty($quality['tag']) }
                        <div class="weui-flex__col2__style2__place" style="display: inherit;">
                            {php $tags = explode(',',$quality['tag']) }
                            {loop $tags $tag}
                            <span class="weui-flex__col2__style2__label">{$tag}</span>
                            {/loop}
                            <div style="clear: both;"></div>
                        </div>
                        {/if}
                        <div class="weui-flex__col2__style2__price">
                            <span>¥{php echo round($quality['adult_price']*$quality['exchange_rate'])}／人起</span>
                        </div>
                    </a>
                    {if !empty($quality['label']) }
                    <div class="weui-flex__col2__top_tag">
                        <div class="weui-flex__col2__top_tag_content">
                            <span>&bull;</span><br>
                            <span>{$quality['label']}</span>
                        </div>
                        <div class="weui-flex__col2__top_tag_border"></div>
                    </div>
                    {/if}
                </div>
            </div>
            {/loop}
        </div>

        <div class="weui-tabbar">
            <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-zhixing"></i>
                </div>
                <p class="weui-tabbar__label">知行</p>
            </a>
            <a href="{php echo $this->createMobileUrl('line'); }" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-xianlu"></i>
                </div>
                <p class="weui-tabbar__label">线路</p>
            </a>
            <a href="{php echo $this->createMobileUrl('insurance'); }" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-baoxianxiaoshou1"></i>
                </div>
                <p class="weui-tabbar__label">保险</p>
            </a>
            <a href="{php echo $this->createMobileUrl('me'); }" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-account"></i>
                </div>
                <p class="weui-tabbar__label">我</p>
            </a>
        </div>
    </div>
</div>


{template 'tpl_footer'}
<script src="{MOBILE_RES}js/swiper.min.js"></script>
<script>
    $(".swiper-container").swiper({
        slidesPerView: 2.3,
        loopedSlides: 8
    });
</script>